.components-tree {
  height: calc(100vh - 44px);
  border-right: 1px solid #1d2126;
  .tree-title {
    height: 30px;
    background: #191C21;
    user-select: none;
    align-items: center;
    color: #B4BAC1;
  }
  .tree-operate{
    height: 32px;
    background-color: #202227;
    border-bottom: 1px solid #303640;
    &>i{
      font-size: 14px;
    }
  }
  .tree-item{
    color: #ffffff;
    .tree-item-node{
      height: 60px;
      line-height: 60px;
    }
    .tree-item-node-operate{
      opacity: 0;
    }
    &:hover .tree-item-node-operate{
      opacity: 1;
    }
  }
  .tree-node-visible{
    opacity: 0.5;
  }
}
